// 模板

<template>
  <main-container headerText="标题栏">
    <div class="content">
      <div class="box">404 找不到页面</div>
    </div>
  </main-container>
</template>


<script>
import mainContainer from "@/components/main_container";

export default {
  name: "advertisement",
  components: {
    "main-container": mainContainer
  },
  data() {
    return {};
  },
  mounted() {
    this.getData();
  },
  methods: {
    //获取数据
    getData() {
      console.log("getData");
    },

    //返回
    goBack() {
      this.$router.go(-1);
    }
  }
};
</script>

<style lang="scss" scoped>
// @import '~styles/mixins.scss';
// @import '~styles/variables.scss';

.content {
  display: flex;
  justify-content: center;
  align-items: center;
}

.box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 600px;
  height: 370px;
  border: 1px solid #ddd;
  border-radius: 10px;
  
  font-size: 30px;
  color: #666
}
</style>